<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>缴费查询</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			html {
				background-color: #f3f3f3;
			}
			 .con {
				margin: 0.3rem 0.24rem 0;
				background-color: #fff;
				border-radius: 0.1rem;
				font-size: 0.3rem;
				border: 1px solid #e5e5e5;
				background-color: #fff;
			}
			.T {
				position: relative;
				border-bottom: 1px solid #e5e5e5;
			}
			.T text {
				line-height: 0.7rem;
				height: 0.7rem;
			}
			.T .left {
				padding-left: 0.2rem;
				color: #1388d2;
				
			}
			.T .iconfont {
				position: absolute;
				right: 3.4rem;
				color: #999;
			}
			.T .time {
				position: absolute;
				right: 0.12rem;
				color: #999;
			}
			.C {
				padding: 0.14rem 0.2rem 0.36rem; 
				position: relative;
				color: #333;
			}
			.C text {
				height: 0.5rem;
				line-height: 0.5rem;
				display: block;
			}
			.C .time {
				color: #999;
			}
			.C .price {
				position: absolute;
				right: 0.2rem;
				top: 1rem;
				color: #ec6941;
			}
		</style>
	</head>
	<body>
		<header>
			<span></span>
			<text class="title">缴费查询</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section id="cons">
			<div class="con">
	            <div class="T">
			        <text class="left">门诊挂号</text>
			        <text class="iconfont icon-shijian"></text>
			        <text class="time">就诊日期：2017-06-13</text>
			    </div>
			    <div class="C">
				    <text class="Hospital">就诊院区：总院</text>
				    <text class="ofice">就诊科室：外科</text>
				    <text class="person">就诊人：崔雪飞</text>
				    <text class="time">2017-06-13 10:20:35</text>
				    <text class="price">￥14</text>
				</div>
	        </div>
		</section>
	</body>
	<script type="text/javascript">
		var htmlC = document.getElementById("cons").innerHTML;
//		console.log(htmlC)
		for (var i = 0;i < 3;i++) {
			htmlC += '<div class="con">'+
						'<div class="T">'+
		            		'<text class="left">门诊处方</text>'+
		            		'<text class="iconfont icon-shijian"></text>'+
		            		'<text class="time">就诊日期：2017-06-13</text>'+
		            	'</div>'+
		            	'<div class="C">'+
			            	'<text class="Hospital">就诊院区：总院</text>'+
			            	'<text class="ofice">就诊科室：外科</text>'+
			            	'<text class="person">就诊人：崔雪飞</text>'+
			            	'<text class="time">2017-06-13 10:20:35</text>'+
			            	'<text class="price">￥14</text>'+
			           ' </div>'+
			           '</div>'
					}
//		console.log(htmlC)
		document.getElementById("cons").innerHTML = htmlC;
		document.getElementById("back").onclick = function(){
			window.history.back(-1);
		}
	</script>
</html>
